@media (min-width: 1025px){ /*desktop only*/
	mobile,.mobile{ display: none!important; }

	header usercount{ width: 40vw; font-weight: bold; }

	#testi{ --nbspan: 4; }
	
	#splash .bando{ transform: translate(20.5vw,-4.75vh); width: 25vw; font-size: 600%;}
	#splash .bando sl span{ width: 16vw; }
	/*.he #splash .bando{ transform: translate(-30vw,-4.75vh); }*/
	
}

@media (max-width: 1024px) { /*commun*/
	desktop,.desktop{ display: none!important; }	
	
	header, header.floated{ flex-direction: column; z-index: 10; height: 11vw; }
	header logo{ display: flex; justify-content: space-between; align-items: center; width: 100vw; padding: 1vh 1vw; }	
	header logo cell:nth-child(2){ text-align: center; }
	header nav{ position: fixed; width: 100vw;  left: -100vw;  background: #fff; padding: 1vh 1vw;	border-top: 1px solid #001F53; flex-direction: column; justify-content: flex-start; }
	
	header nav top, header nav middle, header nav bottom { justify-content: space-around; }
	header nav top{ padding: 4vh 3vw 0; }
	header nav middle{ border-bottom: 1px solid #001F53; padding: 0 3vw 4vh; }
	header nav bottom{ flex-direction: column; }
	header nav bottom a{ width: 100%; font-size: 6vw; padding: 2vh 3vw; border-bottom: 1px solid #001F53; border-right: none;  }
	header nav bottom a:hover, header nav bottom a.in{ padding: 2vh 3vw 1.55vh; }
	header nav.idxnav bottom{ width: 100vw; }
	header #cnx{ flex-direction: column; }
	header #cnx input, header #cnx button { width: 75vw; padding: 1vh 2vw; }
	header  nav input[type=text], header  nav input[type=password], header  nav button{ font-size: 4vw; }
	
	header.floated logo{ width: 100vw; }
	/*
	header.floated logo cell:nth-child(2){ width: 25vw; }
	header.floated logo icon { width: 4vh; height: 4vh; }
	
	header.floated nav{ height: calc( 100vh - 7vw ); height: -webkit-calc( 100vh - 7vw );  top: 10vw; }
	*/
	header.floated nav input, header.floated nav .cta, header.floated nav button{ font-size: 3.75vw; }
	header.floated nav bottom a{ padding: 2vh 3vw; }
	header.floated nav bottom a:hover, header.floated nav bottom a.in{ padding: 2vh 3vw 1.55vh; }
			
	#thx, #load{  border-radius: 2vw; }

	#splash in{  height: auto; min-height: 100vh; background: rgba(255,255,255,0.8); }
	#splash .bando sl{ height: auto; }
	#splash .bando sl span{ width: auto; }
	
	#concept.un{ flex-direction: column; }
	#concept.un cell{ max-width: 94%; }
	
	#comcaspass.un{ flex-direction: column; background-size: auto 100%; }
	#comcaspass.deux{ background-size: auto 100%; }
	
	#poppaiement abos cell .lpm{ height: auto; }
		
	#contact cell{ width: 75vw; }	
	#contact h4{ display: flex; }
	#contact h4 lab{ display: inline-block; width: calc( 100% - 10vw); width: -webkit-calc( 100% - 10vw); text-align: center; }
		
	footer{ font-size: 3.5vw; }
}

@media (max-width: 1024px) and /*(orientation: portrait)*/ (max-aspect-ratio: 13/9) { /*vertical*/
	html,body{ font-size: 4vw; }
	
	h1{ font-size: 5vw; }
	flex-around{ flex-direction: column; padding: 0 4vw;}
	flex-between{ flex-direction: column; }
	
	input[type="text"], input[type="password"], input[type="email"], input[type="submit"], button, select, textarea, .cta, cta a { font-size: 3.75vw; border-radius: 2vw; padding: 0.75vh 2vw;}
	input[type="submit"] icon, button icon, .cta icon, cta a icon{ width: 6vw; height: 6vw; }
		
	header logo cell:nth-child(2){ width: 33vw; }
	header logo pic, header.floated logo pic{ width: 33vw; height: 7.425vw; }
	header logo icon{ width: 6vw; height: 6vw; }
	header .lgMenu a{ width: 8vw; height: 6vw; }
	header nav{ height: calc( 93vh + 2px ); height: -webkit-calc( 93vh + 2px ); top: calc( 7vh - 2px ); top: -webkit-calc( 7vh - 2px ); font-size: 3vw; }
	header nav top{ flex-wrap: wrap; }
	header.floated .lgMenu a{ width: 8vw; height: 6vw; }
	header #cnx button icon{ width: 6vw; height: 4vw; }
	
	icon{  margin-right: 2vw; }
	
	.error{ font-size: 3.5vw; }
		
	#thx, #load{ font-size: 3.5vw;  margin-left: -4.1vw; width: 92vw; }
	#thx h1, #load h1, #splash #thx h1{ font-size: 5vw; }
	#thx b{ font-size: 4vw; }
	#load icon { width: 33vw; height: 33vw; }
	
	.mdpo, .mdpo .mdpoin{ width: 88vw; }
	.mdpo a{ font-size: 3.5vw; padding: 4vw 0; }

	#splash{ background-size: auto 100%; }
	#splash in{ flex-direction: column; justify-content: center; align-items: center; padding: 6vh 0; }
	#splash h1{ font-size: 6vw; padding-top: 0; }
	#splash h3{ font-size: 4vw; padding: 2.5vw 0; margin: 2.5vw 0; }
	#splash .vid, #splash .frm{ width: 96vw; padding: 2vh 4vw; /*margin-top: 4vh;*/  }
	#splash .video { width: 75vw; height: 42.18vw; }
	#splash .frm h1{ font-size: 5.5vw; margin-bottom: 2vh; }
	#splash .frm tel{ font-size: 6vw; }	

	#splash .present h1{ font-size: 16vw; }
	#splash .present h2{ font-size: 6vw; }
	#splash .present h4{ font-size: 7vw; margin-top: 0.66em; }
			
	#counters h2{ font-size: 4vw; margin: 0 0 2.5vw; }

	#regshort div label{  font-size: 4.25vw; width: 50%; }
	#regshort .country cell{  width: 50%; }
	#regshort .country cell img{ width: 8vw; height: 3.2vh; }
	
	#regshort #thx, #regshort #load { margin-top: -10vh; }
	#regshort #thx txin, #regshort #load txin{ height: 72vh; }
	
	#concept.un .alliances img{ width: 33vw; height: 33vw;  }
	
	#concept.deux in{ flex-direction: column; }
	#concept.deux cell{ max-width: 94%;  margin: 4vw 0; }
	#concept.deux .alliances img{ width: 33vw; height: 33vw;  }
	
	#testi{ --nbspan: 1; }
	#testi .arrow{ width: 8%; }
	#testi article{ width: 80vw; }
	
	#comcaspass.un{ flex-direction: column; }
	#comcaspass.un h1{ text-align: center; }
	#comcaspass.un ul{ flex-direction: column; }
	#comcaspass.un ul li{ width: 94%; }
	
	#comcaspass.deux in{ flex-direction: column; align-items: center; }
	#comcaspass.deux in article{ width: 94%; }

	#counters{ flex-wrap: wrap; }
	#counters article{ width: 45%; font-size: 5vw; }
	#counters article h1{ font-size: 8vw; }

	#nttext.un cell{ width: 94%; }
	#nttext.un h2{ padding: 2vh 0; }
	#nttext.un h2 cell{ font-size: 4.5vw; }
	#nttext.un icon { width: 4.5vw; height: 4.5vw; margin-right: 5vw; }


	#nttext.deux article{ width: 94%; }
	#nttext.deux article h2{ font-size: 6vw; }
	#nttext.deux flex-around{ align-items: center; }
	
	#nttext_p2 h2{ font-size: 4vw; padding: 3% 4%; }
	#nttext_p2 article{ width: 96%; margin: 4% 0; }

	#poppaiement abos{ flex-direction: column; }
	#poppaiement abos cell{ width: 94%; margin-bottom: 4vw; }
	#poppaiement abos cell h1{ font-size: 1.25em; }
	/*#poppaiement .highlight macaron{ width: 28vw; height: 28vw; font-size: 3.25vw; top: -10vw; right: -10vw; }*/
	#poppaiement .highlight macaron{font-size: 0.66em;}
	#poppaiement abos .free cell, #poppaiement abos .decouverte cell{ width: 100%; margin-bottom: 0; }
	#poppaiement abos .decouverte{ flex-direction: column; }

	.cta.pp pp{ width: 25vw; height: 5vw; margin: 1em 0; }
	.cta.kshr kshr{ width: 27vw; height: 5.3vw; }
	
	#parrainage{ background-size: auto 100vh; background-position: center top; }
	#parrainage front{ height: 24vh; margin-top: -15.75vh; }
	#parrainage flex-between{  padding: 2vh 0; }
	#parrainage flex-around{ flex-direction: row; width: 100vw; }
	#parrainage cell{ width: auto; }
	#parrainage cell flex-around cell{ font-size: 4vw; }
	#parrainage ja{ font-size: 2.5vw; }
	#parrainage num{ font-size: 18vw; line-height: 16vw; margin-bottom: 0; }
	#parrainage a{ font-size: 6vw; margin: 2vh 0; }
	
	#parrainage.fromcontent front{ margin-top: -4vh; }
	
	#parrainageCom cell{ width: 94%; }
	#parrainageCom cell num{ padding: 1vh 3.5vw; }
	#parrainageCom icon{ width: 33vw; height: 33vw; }
	
	#parrainageForm{ margin: 2vh 4vw 10vh;}
	#parrainageForm flex-around{ padding: 0; }
	#parrainageForm cell{ width: 100%; border-bottom: 1px solid #ccc; padding: 1vh 2vw; margin:0;  }
	#parrainageForm cell flex-between{ flex-direction: row; }
	#parrainageForm cta a{ width: 66%; }
		
	#parrainageForm #thx txin, #parrainageForm #load txin{ font-size: 3.5vw; height: 60vh;}
	#parrainageForm #load cell{ border-bottom: none;  }
	
	#contact icon { width: 8vw; height: 8vw; }
	#contact cell img{  width: 14vw;;  height: 6vh; }

	
}



@media (max-width: 1024px) and /*(orientation: landscape)*/ (min-aspect-ratio: 13/9) { /*horizontal*/
	html,body{ font-size: 2.75vw; }
	
	input[type="text"], input[type="password"], input[type="email"], input[type="submit"], button, select, textarea, .cta, cta a { font-size: 2.5vw; padding: 0.5vh 1vw;  }
	h1{ font-size: 3.25vw; }
	.cta, cta a{ border-radius: 2vw; }
	
	header{ height: 11vh; }
	header logo cell:nth-child(2){ width: 20vw; height: 8vh; }
	header logo img{ height: 6vh; }
	header logo pic, header.floated logo pic{ width: 20vw; height: 4.5vw; }
	header logo icon{ width: 6vh; height: 6vh; }
	header .lgMenu a{ width: 8vh; height: 6vh; }
	header nav{ 
		display: flex; align-items: flex-start;
		height: calc( 89vh + 2px ); height: -webkit-calc( 89vh + 2px ); top: calc( 11vh - 2px ); top: -webkit-calc( 11vh - 2px ); font-size: 3vw; 
	}
	header nav top{ width: 50vw; order: 2; flex-wrap: wrap; }
	header nav middle{ width: 50vw; margin: 34vh 0 0 -50vw; order: 3; border-bottom: none;}
	header nav bottom{ width: 50vw; order: 1; }
	header nav bottom a{ font-size: 4vw; }
	header #cnx input, header #cnx button { width: 40vw; }
	header #cnx button icon{ width: 5vw; height: 2.5vw; }
	header .mdpo a { font-size: 2vw; }
	header .mdpo .mdpoin{ width: 90vw; margin-left: -50vw; }
	header .mdpo .mdpoin h2{ font-size: 2.5vw; }
	header.floated{ height: 11vh; }
	header.floated .lgMenu a{ width: 8vh; height: 6vh; }

	.error{ font-size: 2vw; }
	
	#thx, #load { font-size: 2.4vw; margin-left: -2.1vw; width: 108%; }
	#thx h1, #load h1, #splash #thx h1{ font-size: 2.6vw; width: 100%; margin: 1.5vh 0; }
	#thx b{ font-size: 2vw }
	#load txin{ flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
	#load icon{ width: 25vh; height: 25vh; }
	
	
	.mdpo, .mdpo .mdpoin{ width: 56vw; }
	.mdpo a{ font-size: 2vw; }

	#splash{  background-size: 100% 100%; }
	#splash in{ padding-top: 10vh; min-height: 100vh; height: auto; }
	#splash .vid{ width: 33%; padding-left: 0; }
	#splash .frm{ width: 60%; padding: 1vh 2vw 4vh; margin-bottom: 2vh; }
	#splash .frm h1{ font-size: 3vw; }
	#splash .frm tel{ font-size: 3.5vw; }
	#splash h1{ font-size: 2vw; }
	#splash h3{ font-size: 2vw; padding: 2vw 0; margin: 2vw 0; }
	#splash .present h4{ margin-top: 0.5em; }	
	
	#splash .present h1{ font-size: 6vw; }
	#splash .present h2{ font-size: 3vw; }
	#splash .present h4{ font-size: 4.5vw; }

	#splash .bando{ width: 33vw; font-size: 380%; }	
	#splash .bando small{ font-size: 4vw; }
	
	#counters h2{ font-size: 2vw; margin: 0 0 2vw; }

	#regshort div label{ font-size: 2vw; } 
	#regshort input[type="text"], #regshort input[type="password"], #regshort input[type="email"], #regshort input[type="submit"], #regshort button, #regshort select, #regshort textarea, #regshort .cta, #regshort cta a{ font-size: 2vw; }
	#regshort .country cell{ height: 7vh; }
	#regshort .country cell img{ width: 7vw; height: 7vh; }
	#regshort #thx txin, #regshort #load txin{ height: 82vh; }
	
	#concept.un .alliances img{ width: 25vw; height: 25vw;  }

	#comcaspass.deux in{ flex-wrap: wrap; }
	#comcaspass.deux in article{ width: 45%; }

	#counters article{ width: 33%; font-size: 1.88vw; }
	
	#testi{ --nbspan: 2; }
	#testi .arrow{ width: 5%; }
	#testi article{ width: 44vw; }
	#testi article artxt{ height: 50vh; }
	
	#nttext.un flex-around{ flex-wrap: wrap; }
	#nttext.un cell{ width: 40%; }
	#nttext.un flex-around cell:last-child{ width: 94%; margin: 4vh 0;}
	#nttext.un icon{ width: 4vw; height: 4vw; margin-right: 3vw; }
	#nttext.un h2 cell{ font-size: 2.5vw; }

	#nttext.deux flex-around{ flex-wrap: wrap; }
	#nttext.deux article{ width: 45%; }
	#nttext.deux article h2{ font-size: 4vw; }

	#nttext_p2 h2{ font-size: 2.5vw; padding: 0 4%; }
	#nttext_p2 flex-around{ flex-wrap: wrap; }
	#nttext_p2 article{ width: 96%; margin: 4% 0; }

	#poppaiement{ padding: 2vh 0 9vh; }
	#poppaiement abos cell{ flex: none; width: 50%; padding: 0 2vw; margin-bottom: 8vw; }
	#poppaiement abos cell h1{ font-size: 4vw; }
	#poppaiement .highlight macaron{ width: 20vw; height: 20vw; font-size: 2.1vw; /*padding: 2vw 6vw 4vw 4vw;*/ top: -10vw; right: -10vw; }
	#poppaiement abos cell.passif .cta{ padding: 0.5em 0; margin-bottom: 1.5em; }
	#poppaiement abos cell .parrain bando cell{ margin-bottom: 0; }
	
	#poppaiement abos .decouverte{ flex-wrap: wrap; }
	#poppaiement abos .decouverte cell{ width: auto; margin-bottom: 0; }
	#poppaiement abos .decouverte cell:nth-child(2){ width: 50%; }

	.cta.pp pp{ width: 14.5vw; height: 3vw; margin: 1em 0; }
	.cta.kshr kshr{ height: 5.3vw; }

	#parrainage cell:first-child{ width: 33%; }
	#parrainage cell:last-child{ width: auto; }
	#parrainage flex-around cell{ width: 40%!important; }
	#parrainage flex-around cell.and{ width: auto!important; }
	#parrainage cell flex-around cell{  font-size: 2.5vw; }
	#parrainage num{ font-size: 10vw; line-height: 10vw; }
	#parrainage ja{ font-size: 2vw; }
	#parrainage a{  font-size: 3vw; margin-top: 4vh;  }
	
	#parrainageCom flex-around{ flex-direction: column; padding: 0 5vw;}
	#parrainageCom cell{ display: flex; jeudify-content: space-between; align-items: center; width: 100%; }
	#parrainageCom cell num{ padding: 3.5vh 3.5vw; }
	#parrainageCom icon{ width: 25vw; height: 25vw; }
	
	#parrainageForm{ margin: 2vh 2vw 10vh; }
	#parrainageForm lab{ width: 33%; font-size: 1.75vw; }
	#parrainageForm dom{ width: 66%; }
	#parrainageForm #thx, #parrainageForm #load{ font-size: 2.5vw;}
	#parrainageForm #thx txin, #parrainageForm #load txin{ height: 52vh; }
	
	#contact flex-around{ flex-wrap: wrap; }
	#contact flex-around cell:first-child{ width: 96%; }
	#contact cell:first-child h2{ justify-content: center; }
	#contact icon { width: 5vw; height: 5vw; }
		
}